<template>
	<div class="">

		<div class="zzc" v-if="showzzc" @click="close"></div>

		<div class="container">
			<div class="title">部门管理</div>

			<div class="flexbox">
				<div class="search_box" style="margin-bottom: 20px;">
					<input type="text" v-model="word" class="form-control search_inp" placeholder="这里输入关键词">
					<div class="sea_btn sear_btns" @click="page=1;naes=word;getlist(parentId)">
						<img src="@assets/images/search.png" alt="">
						查询
					</div>
					<div class="add_btn sear_btns" @click="openalert('add')" v-if="$permissions.indexOf(68)  != -1">
						<img src="@assets/images/add.png" alt="">
						新增
					</div>
					<div class="del_btn sear_btns" @click="delopen(0)" v-if="$permissions.indexOf(69)  != -1">
						<img src="@assets/images/del.png" alt="">
						删除
					</div>
					<div class="down_btn sear_btns" @click="openeng"
						v-if="list.length > 0 && $permissions.indexOf(113)  != -1">
						<img src="@assets/images/4.png" alt="">
						设置负责人
					</div>
					<div class="del_btn sear_btns" @click="delopen(1)"
						v-if="list.length > 0 && $permissions.indexOf(113)  != -1">
						<img src="@assets/images/del.png" alt="">
						删除负责人
					</div>
				</div>

				<div class="search_box" style="margin-bottom: 20px;">
					<div class="down3_btn sear_btns" style="width: 130px;" @click="qywxadd=true"
						v-if="$permissions.indexOf(115)  != -1">
						<img src="@assets/images/qywx.png" alt="">
						企业微信导入
					</div>

					<el-upload class="upload-demo" :action="$url+'/sys/excel/import'" :headers="{'Authorization':token}"
						:on-success="handleChange" :show-file-list="false" accept=".xls,.xlsx"
						:before-upload="beforeUpload" v-if="$permissions.indexOf(115)  != -1">

						<div class="down2_btn sear_btns">
							<img src="@assets/images/down2.png" alt="">
							导入
						</div>
					</el-upload>

					<div class="down_btn sear_btns" @click="down">
						<img src="@assets/images/logout-rounded.png" alt="">
						下载模板
					</div>
				</div>
			</div>


			<div class="table-responsive">
				<h2 class="tcent" v-if="list.length ==0">暂时没有数据</h2>
				<table class="table table-hover" v-else>
					<tr>
						<th style="width: 50px;">
							<input type="checkbox" autocomplete="off" @change="changeall" v-model="choseall"
								name="adepart" id="adepart"><label for="adepart"></label>
						</th>
						<th>科室名称</th>
						<th>科室地址</th>
						<th>科室电话</th>
						<th v-if="list.length > 0">部门负责人</th>
						<th class="tcent">操作</th>
					</tr>

					<tr v-for="item,index in list">
						<td style="width: 50px;">
							<input type="checkbox" v-model="item.chosesf" @change="chosechange" name="adepart"
								:id="'adepart'+item.id"><label :for="'adepart'+item.id"></label>
						</td>
						<!-- style="width: 10%;" -->
						<td>{{item.name}}</td>
						<!-- style="width: 25%;" -->
						<td>{{item.address}}</td>
						<!-- style="width: 28%;" -->
						<td>{{item.phone}}</td>
						<td>{{item.departPrincipalName}}</td>
						<!-- <td style="width: 40%;">{{item.remark}}</td> -->

						<td class="tcent">
							<div class="edit" @click="openalert('edit',index)" v-if="$permissions.indexOf(113)  != -1">
								修改</div>
							<div class="del" @click="ids=item.id;delnum=1;delalert=true"
								v-if="$permissions.indexOf(69)  != -1">删除</div>
							<div class="check" style="margin-left: 10px;" @click="opencode(item.id,item.name,index)">二维码
							</div>
						</td>
					</tr>


				</table>

				<div class="page_box">
					<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
						:current-page="page" :page-sizes="[10, 30, 60, 100]" :page-size="limit"
						layout="total, sizes, prev, pager, next, jumper" :total="inglen">
					</el-pagination>
				</div>

			</div>

		</div>

		<!--设置负责人-->
		<div :class="alert_show2?'modal in fade':'modal fade'" tabindex="-1" role="dialog"
			:style="alert_show2?'display: block;z-index:199':''">
			<div class="cent">
				<div class="modal-dialog" role="document" style="width: 97%;">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em>设置负责人
							<div class="right" @click="closepeo">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"
									style="line-height: normal;"><span class="iconfont icon-cha"
										aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100">
							<div class="search_box">
								<input type="text" autocomplete="off" v-model="word2" class="form-control search_inp"
									placeholder="这里输入关键词">
								<div class="select_box">
									<div class="form-control" id="select"
										@click="options_show=!options_show;showzzc=!showzzc">
										<div :style="typename=='选择小组'?'color: #999;':''">{{typename}} </div>
										<img src="../../../assets/images/down.png" alt="">
									</div>
									<div class="options" v-if="options_show">
										<div class="option" style="color: #999;">选择小组</div>
										<div class="option" @click="selectit('all')">全部</div>
										<div class="option" @click="selectit(index)" v-for="item,index in types">
											{{item.name}}
										</div>
									</div>
								</div>
								<div class="sea_btn sear_btns" @click="page2=1;naes2=word2;typeids=typeid;getenglist()">
									<img src="@assets/images/search.png" alt="">
									查询
								</div>
							</div>
							<div class="table-responsive mt-20" style="height: calc(100vh - 231px);">
								<h2 class="tcent" v-if="englist.length ==0">暂时没有数据</h2>
								<table class="table table-hover" v-else>
									<tr>
										<th style="width: 50px;">

										</th>
										<!-- <th style="text-align: center;width: 80px;padding-right: 30px;">序号</th> -->
										<th style="width: 150px;">账号</th>
										<th>姓名</th>
										<th>所属科室</th>
										<th>所属小组</th>
									</tr>

									<tr v-for="item,index in englist">
										<td style="width: 50px;">
											<input type="radio" :checked="item.chosesf" @change="chosechange3(index)"
												name="choses" :id="item.id"><label :for="item.id"></label>
										</td>
										<!-- <td style="text-align: center;width: 80px;padding-right: 30px;">{{item.id}}</td> -->
										<td style="width: 150px;">{{item.user_name}}</td>
										<td>{{item.real_name}}</td>
										<td>{{item.dept_name}}</td>
										<td>{{item.group_name}}</td>

									</tr>

								</table>

								<div class="page_box">
									<el-pagination @size-change="handleSizeChange2"
										@current-change="handleCurrentChange2" :current-page="page2"
										:page-sizes="[10, 30, 60, 100]" :page-size="limit2"
										layout="total, sizes, prev, pager, next, jumper" :total="inglen2">
									</el-pagination>
								</div>
								<div class="buttons" style="margin-top: 30px;">
									<div class="sure" @click="setpeo">保存</div>
									<div class="closebtn" @click="closepeo">取消</div>
								</div>

							</div>


						</div>

					</div>

				</div>
			</div>
		</div>

		<div class="alzzc" v-show="codealert">
			<div class="del_alert" style="height: 550px; width: 550px;">

				<div class="modal-header tit" style="text-align: left;">
					<em></em>二维码
					<div class="right" @click="closecode">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"
							style="line-height: normal;"><span class="iconfont icon-cha" aria-hidden="true"></span>
						</button>
					</div>
				</div>
				<input type="text" name="" id="" placeholder="自定义信息（可不写）" style="width: 80%;" v-model="titlevalue1">
				<!-- 增加二维码标题  12.16   wcf修改 -->
				<div class="alert_info">
					<QrCode :id="'QrCode'" style="display: flex;justify-content: center;" :text="codeUrl" />

				</div>
				<p style="margin-top: 10px;">{{keshiname}}</p>
				<!--新增二维码所属科室  12.16 wcf修改-->
				<input type="text" name="" id="" placeholder="自定义信息（可不写）" style="width: 80%;" v-model="titlevalue2">
				<!-- 增加二维码说明  12.16   wcf修改 -->
				<p><span style="font-size: 16px;">外网扫码报修IP及端口: </span><input type="text" name="" id=""
						placeholder="（如果存在映射需填写外网地址)" style="width: 50%;margin-top: 20px; height: 36px;"
						v-model="setip"></p> <!-- 增加ip设置  12.21   wcf修改 -->

				<div class="alert_btns ">
					<div class="alert_sure" @click="dayinupdata">打印</div> <!-- 确认改成打印  12.16   wcf修改 -->
					<div class="alert_close" @click="closecode">取消</div>
				</div>
			</div>
			<!-- z增加打印功能  12.16  wcf修改 -->
			<div class="blackzzc" v-if="openandclose">
				<div class="tablealert" id="printDiv">
					<div class="top_btns">
						<div class="print" @click="print">确认打印</div>
						<div class="export" @click="openandclose=false">关闭</div>
					</div>
					<vueEasyPrint ref="easyPrint" tableShow>
						<table cellspacing='0'
							style="width:1000px;height: 100%;  margin: 0 auto;text-align: center;color: #000; display: flex; align-items: center;justify-content: center;flex-direction: column;flex-wrap: wrap;">
							<tr style="margin-bottom: 0px; ">
								<td style="font-size: 40px; border: none; vertical-align: top; line-height: 40px;">
									{{titlevalue1}}
								</td>
							</tr>
							<tr style="flex: 1;  ">
								<td style="border: none;">
									<QrCode :id="'QrCode'"
										style="transform: scale(3);  margin: 184px 0; width: 979px; display: flex; justify-content: center; align-items: center;"
										:text="codeUrl1" />
								</td>
							</tr>
							<tr style="flex: 1;">
								<td style="border: none; position: relative; top: -28px;"><span
										style="font-size: 40px; ">{{keshiname}}</span> </td>
							</tr>
							<tr style="flex: 1; margin-top: 0px; ">
								<td style=" font-size: 40px; border: none; line-height: 40px;"> {{titlevalue2}}</td>
							</tr>
						</table>
					</vueEasyPrint>
				</div>
			</div>

			<!--  -->

		</div>
		<!--  -->
		<div class="alzzc" v-if="delalert">
			<div class="del_alert">
				<div class="modal-header tit" style="text-align: left;">
					<em></em>信息
					<div class="right" @click="delalert=false">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"
							style="line-height: normal;"><span class="iconfont icon-cha" aria-hidden="true"></span>
						</button>
					</div>
				</div>
				<div class="alert_info">确认要删除选中的<span>{{delnum}}</span>条数据吗？</div>
				<div class="alert_btns">
					<div class="alert_sure" @click="del">确认</div>
					<div class="alert_close" @click="delalert=false">取消</div>
				</div>
			</div>
		</div>


		<div class="alzzc" v-if="delalert2">
			<div class="del_alert">
				<div class="modal-header tit" style="text-align: left;">
					<em></em>信息
					<div class="right" @click="delalert2=false">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"
							style="line-height: normal;"><span class="iconfont icon-cha" aria-hidden="true"></span>
						</button>
					</div>
				</div>
				<div class="alert_info">确认要删除选中的<span>{{delnum}}</span>条负责人吗？</div>
				<div class="alert_btns" style="margin-top: 25px;">
					<div class="alert_sure" @click="deleng">确认</div>
					<div class="alert_close" @click="delalert2=false">取消</div>
				</div>
			</div>
		</div>


		<!--新增分组弹窗-->
		<div :class="alert_show?'modal in fade':'modal fade'" tabindex="-1" role="dialog" id="keshi"
			:style="alert_show?'display: block;z-index:199':''">
			<div class="cent w600" style="justify-content: center;width: 544px;height: 425px;">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em>{{type=='add'?'新增部门':'修改部门'}}
							<div class="right" @click="alert_show=false">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"
									style="line-height: normal;"><span class="iconfont icon-cha"
										aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100 search-cont">
							<div class="line">
								<div class="line_title">上级部门：</div>
								<!-- <input type="text" autocomplete="off" v-model="prentname" readonly class="form-control"> -->
								<el-select v-model="parentId" filterable placeholder="选择部门">
									<el-option :key="0" label="顶级部门" :value="0" v-if="type!='add'">
									</el-option>
									<el-option v-for="item in dept" :key="item.id" :label="item.name" :value="item.id">
									</el-option>
								</el-select>
							</div>
							<div class="line">
								<div class="line_title"><span>*</span>部门名称：</div>
								<input type="text" autocomplete="off" v-model="name" class="form-control">
							</div>
							<div class="line">
								<div class="line_title">部门电话：</div>
								<input type="text" maxlength="500" autocomplete="off" v-model="phone"
									class="form-control">
							</div>
							<div class="line">
								<div class="line_title">部门地址：</div>
								<input type="text" autocomplete="off" v-model="address" class="form-control">
							</div>
							<div class="line">
								<div class="line_title">备注：</div>
								<input type="text" autocomplete="off" v-model="remark" class="form-control">
							</div>
						</div>
						<div class="buttons">
							<div class="sure" @click="sure">确定</div>
							<div class="closebtn" @click="alert_show=false">关闭</div>
						</div>
					</div>
				</div>
			</div>
		</div>


		<!--新增分组弹窗-->
		<div :class="qywxadd?'modal in fade':'modal fade'" tabindex="-1" role="dialog"
			:style="qywxadd?'display: block;z-index:199':''">
			<div class="cent w600"
				style="justify-content: center;width: 712px !important;height: 70vh;margin-top: calc(15vh - 50px);">
				<div class="modal-dialog modal-lg" role="document" style="width: 100%;">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em>企业微信导入
							<div class="right" @click="qywxadd=false;getwxlist()">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"
									style="line-height: normal;"><span class="iconfont icon-cha"
										aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100 search-cont" style="padding: 15px 27px;height: calc(70vh - 67px);">
							<div class="alert_main">
								<div class="alert_left">
									<el-tree :data="wxlist" show-checkbox node-key="id" :props="dertprops" ref="tree"
										@node-click="handleCheckChange" @check="handleNodeClick">
									</el-tree>
								</div>
								<div class="alert_right">
									<h2 class="tcent" v-if="wxuserlist.length ==0">暂时没有数据</h2>
									<table class="table table-hover" v-else>
										<tr>
											<!-- <th style="width: 50px;">
												<input type="checkbox" autocomplete="off" @change="changeall2"
													v-model="choseall2" name="all" id="bs"><label for="bs"></label>
											</th> -->
											<th>用户名称</th>
										</tr>

										<tr v-for="item,index in wxuserlist">
											<!-- <td style="width: 50px;">
												<input type="checkbox" v-model="item.chosesf" @change="chosechange2"
													name="chose" :id="'b'+item.userid"><label
													:for="'b'+item.userid"></label>
											</td> -->
											<td>{{item.name}}</td>
										</tr>


									</table>
								</div>

							</div>
							<div class="buttons">
								<div class="sure" @click="add">导入</div>
								<div class="closebtn" @click="qywxadd=false;getwxlist()">关闭</div>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>


		<div class="loading-content" v-if="showloading">
			<div class="loading-spinner">
				<svg viewBox="25 25 50 50" class="circular">
					<circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
				</svg>
			</div>
			<div class="loading-text">加载中...</div>
		</div>
	</div>
</template>

<script type="text/babel">
	import QrCode from '../../../components/qrcode.vue'
	import $ from 'jquery'
	import vueEasyPrint from "vue-easy-print"
	export default {
		props: ['searchVal','searchname'],
		name: "",
		
  components: { QrCode,vueEasyPrint },
		data() {
			return {
				 dertprops: {
				          label: 'name',
				          children: 'children'
				},
				showadd: false,
				showzzc: false,
				qywxadd: false,
				alert_show: false,
				alert_show2: false,
				options_show: false,
				delalert: false,
				delalert2: false,
				typename : '选择小组',
				codealert: false,
				choseall:false,
				choseall2:false,
				codeid: '',
				page: 1,
				page2: 1,
				list: [],
				wxlist: [],
				wxuserlist: [],
				englist: [],
				types: [],
				dept: [],
				halfCheckedNodes: [],
				checkedNodes: [],
				inglen: 0,
				inglen2: 0,
				limit: 10,
				limit2: 10,
				num: 1,
				token:'',
				word:'',
				naes:'',
				word2:"",
				naes2:"",
				name:'',
				phone:'',
				address:'',
				codeUrl:'',
				remark:'',
				type:'',
				typeid:'0',
				typeids:'0',
				id:'',
				showloading: false,
				ids:"",
				parentId:0,
				delnum:0,
				prentname:"无上级",
				dertlist:[],
				// 12.16  wcf添加  获取科室名称 写入二维码下方
				keshiname:'',
				titlevalue1:'',
				titlevalue2:'',
				openandclose:false,
				updataid:'',
				codeUrl1:'',
				setip:'',
				addlist:[]
			}
		},
		

		mounted() {
			this.getlist(this.parentId);
			this.getwxlist();
			this.getdeit();
			this.gettype();
			this.getenglist();
			this.getup();
			this.token = sessionStorage.getItem('token')
		},
		watch: {
		      searchVal: function (val) {       
		       console.log(val);   // 接收父组件的值
			   this.parentId = val
			   this.page=1
			   this.word=''
			   this.naes=''
			   this.getlist(val)
		      },
			  searchname: function (val2) {
			   console.log(val2);   // 接收父组件的值
			   this.prentname=val2
			  }
		    },
		methods: {
			// 获取部门
			getdeit() {
				this.showloading = true
			
				var that = this
				this.$http.get(this.$url + '/sys/dept/select')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.dept = response.data.data
						// that.dept.unshift({
						// 	name:"顶级部门",
						// 	id:0
						// })
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			beforeUpload(e){
				this.showloading=true
				// const fd = new FormData();
				//  fd.append("file", e);
				//  fd.append("project", 'gd');
				//  fd.append("secret", this.$md5(e.name + 'gd' + e.size));
				
				// var that = this
				// this.$http.post(this.$url + '/sys/excel/import', fd, {
				// 		headers: {
				// 			'Content-Type': 'multipart/form-data; boundary=something'
				// 		}
				// 	})
				// 	.then(function(response) {
				// 		if (response.data.code == '1410') {
				// 			that.$Toast(response.data.msg);
				// 			sessionStorage.setItem('token', '')
				// 			that.$router.push('/login')
				// 			return
				// 		}
				// 		if(response.data.code != 0){
				// 			that.$Toast(response.data.msg)
				// 			that.showloading=false
				// 			return
				// 		}
				// 		that.showloading=false
				// 		that.page=1
				// 		that.getlist(that.parentId)
				// 		that.$emit('getnew', '123');
				// 		that.$Toast(e.msg);
				// 	})
				// 	.catch(function(error) {
				// 		console.log(error);
				// 	});
					
				// return false
			},
			// 删除
			deleng(){
				this.delalert=false
				var param = {
					ids:this.ids
				}
				var that = this
				this.$http.post(this.$url + '/sys/dept/deleteDutyPerson', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$Toast(response.data.msg);
						that.delalert2=false
					that.getlist(that.pid)
					that.$emit('getnew', '123');
					})
					.catch(function(error) {
						console.log(error);
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			chosechange3(ind){
				for (var i = 0; i < this.englist.length; i++) {
					this.englist[i].chosesf = false
					
				}
				this.englist[ind].chosesf = true
				this.$forceUpdate()
			},
			handleCurrentChange2(val) {
			  console.log(`当前页: ${val}`);
								this.page2 = val
								this.getenglist()
			},
			handleSizeChange2(val) {
			   console.log(`每页 ${val} 条`);
							this.limit2 = val
							this.getenglist()
			 },
			// 获取分组
			gettype() {
				this.showloading = true
			
				var that = this
				this.$http.get(this.$url + '/engineer/selectGroup')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.types = response.data.data
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			selectit(index){
				if(index=='all'){
					this.typename = '全部'
					this.typeid = ''
				}else{
					this.typename = this.types[index].name
					this.typeid = this.types[index].id
				}
				this.options_show=false
				this.showzzc=false
			},
			closepeo(){
				this.alert_show2=false
				this.showzzc=false
				this.$refs.zzc.style.left='250px'
				this.word2=''
				this.naes2=''
				this.typeid=''
				this.typeids=''
				this.typename = '选择小组',
				this.page2=1
				this.getenglist()
				this.$forceUpdate()
			},
			openeng(){
				var ids=''
				for (var i = 0; i < this.list.length; i++) {
					if(this.list[i].chosesf==true){
						ids = ids+''+this.list[i].id+','
					}
				}
				this.ids = ids.substring(0,ids.length-1)
				if(this.ids==''){
					this.$Toast('暂无选中');
					return
				}
				this.alert_show2=true
				this.showzzc=true
				this.$refs.zzc.style.left='250px'
			},
			setpeo(){
				var engineerId = ''
				for (var i = 0; i < this.englist.length; i++) {
					if(this.englist[i].chosesf==true){
						engineerId = this.englist[i].id
					}
				}
				if(engineerId==''){
					this.$Toast('请选择负责人');
					return
				}
				var param = {
					ids:this.ids,
					engineerId
				}
				console.log(this.parentId)
				// return
				var that = this
				this.$http.post(this.$url + '/sys/dept/setDutyPerson', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$Toast(response.data.msg);
						that.getlist(that.parentId)
						that.alert_show2=false
						that.word2=''
						that.naes2=''
						that.typeid=''
						that.typeids=''
						that.typename = '选择小组',
						that.page2=1
						that.getenglist()
						that.$forceUpdate()
						// that.$emit('getnew', '123');
					})
					.catch(function(error) {
						console.log(error);
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			getenglist() {
				this.showloading = true
				this.choseall = false
			
			
				var that = this
				var zuid = this.typeids==0?'':this.typeids
				var url = encodeURI(this.$url + '/engineer/select?page='+this.page2+'&limit='+this.limit2+'&userName='+this.naes2+'&groupId='+zuid)
				this.$http.get(url)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.englist = response.data.data
						for (var i = 0; i < that.englist.length; i++) {
							that.englist[i].chosesf = false
						}
						that.inglen2 = response.data.count
						if (that.inglen2 > that.limit2) {
							that.num2 = Math.ceil(that.inglen2 / that.limit2)
						} else {
							that.num2 = 1
						}
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			
			// wcf12.16  修改  添加打印功能
			print() {
				this.$refs.easyPrint.print()
			},
			closecode(){
				var that = this
				this.codealert=false
				var param = {
					newIp:this.setip
				}
				console.log(this.$url)
				this.$http.post(this.$url+'/serverIp/update', this.$qs.stringify(param))
					.then(function(response) {
						console.log(response);
						if (response.data.code == '1410') {
				                that.$Toast(response.data.msg);
				                sessionStorage.setItem('token', '')
				                that.$router.push('/login')
							return
						}
						that.keshiname=''
						
					})
					.catch(function(error) {
						console.log(error);
						that.$Toast('网络拥堵，刷新一下');
					});
				
			
			},
			getup(){
				var that = this
				var url = encodeURI(this.$url + '/scanCode/get')
				this.$http.get(url)
					.then(function(response) {
						console.log(response);
						if (response.data.code == '1410') {
				                that.$Toast(response.data.msg);
				                sessionStorage.setItem('token', '')
				                that.$router.push('/login')
							return
						}else if(response.data.code == '0'){
							that.titlevalue1=response.data.data.topic
					        that.titlevalue2=response.data.data.body
							if(response.data.data.newIp==''||response.data.data.newIp==null||response.data.data.newIp==undefined){
				                var url = that.$url.replace(/\/gd$/, '')
				                // var url = that.$url.trim("/gd")
								 url = url.replace(/https:\/\//, '')
								 url = url.replace(/http:\/\//, '')
								that.setip=url
								
							}else{
								that.setip=response.data.data.newIp  //判断后端是否储存了IP  添加默认设置 并赋值给双向绑定的值 setip
								// console.log(response.data.data.newIp);
							}
							console.log(that.setip)
							
						}
						
					})
					.catch(function(error) {
						console.log(error);
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			//------------------------ 
			opencode(id,name,index){  //点击二维码
				this.keshiname=name
				// .replace(/https/, 'http')
				var url = this.$url
				console.log(url)
				 url = url.replace(/\/gd$/, '')
				 console.log(url)
				// url =url.trim("/gd")
				// https://35.ytitsm.com:6443/gdmobile/index.html?scan=1&SNUM=201105543&Type=1&cIP=192.168.1.212#repair_ding
				this.codeUrl = url+'/gdmobile/index.html?scan=2&SNUM=&Type=1&cIP=&depid='+id+'#/repair_ding'
				console.log(this.codeUrl)
				this.updataid = id
				// console.log(this.list[index].ip)
				this.codealert=true
				
				this.updataid=id  //给下方更新二维码提供id值
			
			// 	if(!this.list[index].ip){
				
			
			// 	}
				
					// -------------------------------------------------------尾
				
			},
			// 12.17  wcf修改   点击打印按钮  将输入框内容上传
			dayinupdata(){   //点击打印按钮
				this.openandclose=true
				var that = this
				var param = {
					// deptId:this.updataid,
					topic:this.titlevalue1,
					body:this.titlevalue2,
				}
				this.$http.post(this.$url + '/scanCode/update', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}else if(response.data.code == '0'){
							var param = {
								newIp:that.setip
							}
							that.$http.post(that.$url+'/serverIp/update', that.$qs.stringify(param))
								.then(function(response) {
									console.log(response);
									if (response.data.code == '1410') {
							                that.$Toast(response.data.msg);
							                sessionStorage.setItem('token', '')
							                that.$router.push('/login')
										return
									}
									
									
								})
								.catch(function(error) {
									console.log(error);
									that.$Toast('网络拥堵，刷新一下');
								});
							
			            }
						
					})
					.catch(function(error) {
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						that.$Toast('网络拥堵，刷新一下');
					});
					// let str = /^(https:)/
				console.log(this.setip)
				if(!this.setip){
					// this.setip = this.$url.replace(/\/gd$/, '').replace(/https:\/\//, '').replace(/http:\/\//, '')
					this.setip = this.$url.replace(/\/gd$/, '')
				}
				// 'http://'+
					this.codeUrl1=this.setip+'/gdmobile/index.html?scan=2&SNUM=&Type=1&cIP=&depid='+this.updataid+'#/repair_ding'  //点击打印时 将二维码访问地址修改 
					console.log(this.updataid);
					// 将修改好的地址发送给后端保存
					var param1 = {
						newIp:this.setip
				}
					this.$http.post(this.$url + '/serverIp/update',this.$qs.stringify(param1) )
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}else if(response.data.code == '0'){
			                
			            }
					})
					.catch(function(error) {
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			// -------------------------------------------------------尾
			// opencode(id,name){
			// 	// https://35.ytitsm.com:6443/gdmobile/index.html?scan=2&depid=34
			// 	this.keshiname=name
			// 	var url = this.$url.replace(/https/, 'http')
			// 	 url = url.replace(/\/gd/, '')
			// 	// https://35.ytitsm.com:6443/gdmobile/index.html?scan=1&SNUM=201105543&Type=1&cIP=192.168.1.212#repair_ding
			// 	this.codeUrl = url+'/gdmobile/index.html?scan=2&SNUM=&Type=1&cIP=&depid='+id+'#/repair_ding'
			// 	this.updataid = id
			// 	console.log(this.codeUrl)
			// 	this.codealert=true
			// },
			handleCheckChange(data, a, b) {
				// console.log(a)
				// console.log(b)
			 //        console.log(data);
					// this.getwxuserlist(data.id,a.checked)
					if(b.oldChecked){
						this.getwxuserlist(data.id,false,true)
					}else{
						
						this.getwxuserlist(data.id,a.checked)
					}
			},
			handleNodeClick(data,a) {
			        console.log(data);
			        console.log(a);
					if(a.checkedNodes.length > 0){
						if(a.checkedKeys.indexOf(data.id) != -1){
							this.getwxuserlist(data.id,true)
						}else{
							// this.getwxuserlist(a.checkedNodes[0].id,false)
						}
						this.checkedNodes = a.checkedNodes
						this.halfCheckedNodes = a.halfCheckedNodes

					}else{
						// this.addlist=[]
							this.getwxuserlist(0,true)
					}
					this.addwecom()
			},
			
			addwecom(){
				
				// .concat(this.$refs.tree.getHalfCheckedNodes() )
				this.dertlist = this.$refs.tree.getCheckedNodes()
		
					for (var j = 0; j < this.dertlist.length; j++) {
						this.dertlist[j].userList=[]
						this.dertlist[j].deptName=this.dertlist[j].name
						this.dertlist[j].parentDeptId=this.dertlist[j].parentid
						delete this.dertlist[j].children
						this.getulist(j,this.dertlist[j].id)
						// for (var i = 0; i < this.addlist.length; i++) {
						// 	if(dertlist[j].id == this.addlist[i].department[0]){
						// 		this.addlist[i].username = this.addlist[i].userid
						// 		dertlist[j].userList.push(this.addlist[i])
								
						// 	}
						// }
					}
				for (var i = 0; i < this.$refs.tree.getHalfCheckedNodes().length; i++) {
					delete this.$refs.tree.getHalfCheckedNodes()[i].children
					this.$refs.tree.getHalfCheckedNodes()[i].userList=[]
					this.$refs.tree.getHalfCheckedNodes()[i].deptName=this.$refs.tree.getHalfCheckedNodes()[i].name
					this.$refs.tree.getHalfCheckedNodes()[i].parentDeptId = this.$refs.tree.getHalfCheckedNodes()[i].parentid
					this.dertlist.push(this.$refs.tree.getHalfCheckedNodes()[i])
				}
				
				console.log(this.dertlist)
				this.$forceUpdate()
				
			},
			async getulist(j,id){
				var that = this
				await this.$http.get(this.$url+'/wecom/depts/users?departmentId='+id)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						// var arr = []
							for (var i = 0; i < response.data.userlist.length; i++) {
									response.data.userlist[i].username = response.data.userlist[i].userid
									that.dertlist[j].userList.push(response.data.userlist[i])
							}
					})
					.catch(function(error) {
						console.log(error);
						 
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			 add(){
				console.log(this.dertlist)
				var that = this
				console.log(this.$refs.tree.getHalfCheckedNodes())
			
				// return
				// this.$qs.stringify(
				
					// console.log(param[0].userList)
				 this.$http.post(this.$url + '/wecom/import/users',this.dertlist, {headers: {'content-type': 'application/json'}})
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$Toast(response.data.msg);
						that.qywxadd=false
						that.getwxlist();
						that.$emit('getnew', '123');
					})
					.catch(function(error) {
						console.log(error);
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			getwxuserlist(id,ceck,a) {
				var that = this
				var departmentId = id?id:this.wxlist[0].id
				this.showloading=true
				this.$http.get(this.$url+'/wecom/depts/users?departmentId='+departmentId)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.wxuserlist = response.data.userlist
						that.showloading=false
					})
					.catch(function(error) {
						console.log(error);
						 
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			getwxlist() {
				this.showloading = true
				
				var that = this
				this.$forceUpdate()
				this.$http.get(this.$url+'/wecom/depts')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.wxlist = response.data
						that.$forceUpdate()
						if(that.wxlist.length >0){
							that.getwxuserlist(0,true)
						}
						
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			handleChange(e){
				this.showloading=false
				this.page=1
				this.getlist(this.parentId)
				this.$emit('getnew', '123');
				this.$Toast(e.msg);
			},
			down(){
				this.showloading=true
				var that = this
				this.$http.get(this.$url + '/sys/excel/download',{responseType:"blob"})
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$Toast('下载模板成功！');
						const blob = new Blob([response.data]);
						      const fileName ='部门列表.xlsx';
						      if ("download" in document.createElement("a")) {
						        // 非IE下载
						        const elink = document.createElement("a");
						        elink.download = fileName;
						        elink.style.display = "none";
						        elink.href = URL.createObjectURL(blob);
						        document.body.appendChild(elink);
						        elink.click();
						        URL.revokeObjectURL(elink.href); // 释放URL 对象
						        document.body.removeChild(elink);
								that.showloading=false
						      } else {
						        // IE10+下载
						        navigator.msSaveBlob(blob, fileName);
								that.showloading=false
						      }
						
					})
					.catch(function(error) {
						console.log(error);
						that.$Toast('网络拥堵，刷新一下');
					});
			},
		
			handleSizeChange(val) {
			       console.log(`每页 ${val} 条`);
								this.limit = val
								this.choseall = false
								this.getlist(this.parentId)
			     },
			handleCurrentChange(val) {
			       console.log(`当前页: ${val}`);
								this.page = val
								this.choseall = false
								this.getlist(this.parentId)
			},
			// 打开弹窗
			openalert(type,index){
				this.type=type
				if(index !=undefined){
					this.id=this.list[index].id
					this.name=this.list[index].name
					this.phone=this.list[index].phone
					this.address=this.list[index].address
					this.remark=this.list[index].remark
				}else{
					this.name=''
					this.remark=''
				}
				console.log(this.name)
				this.alert_show=true
			
			},
			delopen(index){
				
				var ids=''
				var num = 0
				for (var i = 0; i < this.list.length; i++) {
					if(this.list[i].chosesf==true){
						ids = ids+''+this.list[i].id+','
						num++
					}
				}
				this.ids = ids.substring(0,ids.length-1)
				if(this.ids==''){
					this.$Toast('暂无选中');
					return
				}
				this.delnum = num
				
					console.log(index)
				if(index==1){
					this.delalert2=true
				}else{
					this.delalert=true
				}
								
			},
			// 删除
			del(){
				this.delalert=false
				var param = {
					ids:this.ids
				}
				var that = this
				this.$http.post(this.$url + '/sys/dept/delete', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$Toast(response.data.msg);
						that.page=1
						that.getlist(that.parentId)
						that.$emit('getnew', '123');
					})
					.catch(function(error) {
						console.log(error);
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			changeall(){
				if(this.choseall){
					for (var i = 0; i < this.list.length; i++) {
						this.list[i].chosesf = true
					}
					
				}else{
					for (var i = 0; i < this.list.length; i++) {
						this.list[i].chosesf = false
					}
				}
			},
			chosechange(){
				for (var i = 0; i < this.list.length; i++) {
					if(this.list[i].chosesf == true){
						this.choseall=true
					}else{
						this.choseall=false
						break
					}
				}
				this.$forceUpdate()
			},
			changeall2(){
				if(this.choseall2){
					 this.$refs.tree.setCheckedKeys(this.wxuserlist[0].department);
					for (var i = 0; i < this.wxuserlist.length; i++) {
						this.wxuserlist[i].chosesf = true
						this.addlist.push(this.wxuserlist[i])
					}
				}else{
					this.$refs.tree.setCheckedKeys([]);
					for (var i = 0; i < this.wxuserlist.length; i++) {
						this.wxuserlist[i].chosesf = false
						for (var j = 0; j< this.addlist.length; j++) {
							if(this.addlist[j].userid == this.wxuserlist[i].userid){
								this.addlist.splice(j,1)
							}
						}
					}
					
				}
				console.log(this.addlist)
			},
			chosechange2(e){
				var num = 0
				for (var i = 0; i < this.wxuserlist.length; i++) {
					if(this.wxuserlist[i].chosesf == true){
						this.choseall2=true
						if(this.wxuserlist[0].department[0]!=1){
							this.$refs.tree.setCheckedKeys(this.wxuserlist[0].department);
						}
						
					}else{
						num++
						this.choseall2=false
						break
					}
				}
				if(num == this.wxuserlist.length){
					this.$refs.tree.setCheckedKeys([])
				}
				
				for (var i = 0; i < this.wxuserlist.length; i++) {
					console.log(this.wxuserlist[i].chosesf)
					if(this.wxuserlist[i].chosesf == true){
						if(this.addlist.indexOf(this.wxuserlist[i]) == -1){
							this.addlist.push(this.wxuserlist[i])
						}
						// this.$refs.tree.setCheckedKeys(this.wxuserlist[i].department);
						if(this.wxuserlist[0].department[0]!=1){
							this.$refs.tree.setCheckedKeys(this.wxuserlist[0].department);
						}
						console.log(this.addlist)
					}else{
						console.log(this.wxuserlist[i].userid)
						if(this.addlist.length > 0){
							for (var j = 0; j< this.addlist.length; j++) {
								if(this.addlist[j].userid == this.wxuserlist[i].userid){
									console.log(j)
									this.addlist.splice(j,1)
								}
							}
						}
						
						
					}
				}
				console.log(this.addlist)
				
			},
			// 表单提交
			sure() {
				this.name = this.name.trim()
				if (this.name=='') {
					this.$Toast("请填写部门名称");
					return
				}
				if (this.name.length > 20) {
					this.$Toast("部门名称过长");
					return
				}
				
				// if(this.phone){
					
				// 	if (!this.reg.test(this.phone)) {
				// 		this.$Toast("请输入正确的手机号");
				// 		return false;
				// 	}
				// }
				
				
				this.showloading = true
				var that = this
				var param={}
				if(this.type=='add'){
					 param = {
						name:this.name,
						parentId:this.parentId?this.parentId:0,
						phone:this.phone,
						address:this.address,
						remark:this.remark
					}
				}else{
					 param = {
						id:this.id,
						name:this.name,
						remark:this.remark,
						parentId:this.parentId,
						phone:this.phone,
						address:this.address,
					}
				}	
				this.$http.post(this.$url + '/sys/dept/save', param, {headers: {'content-type': 'application/json'}})
						.then(function(response) {
							if (response.data.code == '1410') {
								that.$Toast(response.data.msg);
								sessionStorage.setItem('token', '')
								that.$router.push('/login')
								return
							}
							if(response.data.success == true){
								that.name = ''
								that.address = ''
								that.phone = ''
								that.remark = ''
								that.$Toast('操作成功');
								that.alert_show = false
								that.showloading = false
								that.getlist(that.parentId)
								that.$emit('getnew', '123');
							}else{
								that.showloading = false
								that.$Toast(response.data.msg);
							}
						})
						.catch(function(error) {
							console.log(error);
						that.$Toast('网络拥堵，刷新一下');
						});
				
			},
			// 点击遮罩层
			close(){
				for (var i = 0; i < this.list.length; i++) {
					this.list[i].static=false
				}
				this.showzzc=false
			},
			
			getlist(id) {
				this.showloading = true
				this.choseall = false
				id = id?id:0
				
				var that = this
				var url = encodeURI(this.$url + '/sys/dept/list?page='+this.page+'&limit='+this.limit+'&parentId='+id+'&name='+this.naes)
				this.$http.get(url)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.list = response.data.data.records
						for (var i = 0; i < that.list.length; i++) {
							that.list[i].chosesf = false
						}
						that.choseall = false
						that.inglen = response.data.data.total
						if (that.inglen > that.limit) {
							that.num = Math.ceil(that.inglen / that.limit)
						} else {
							that.num = 1
						}
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						
						that.$Toast('网络拥堵，刷新一下');
					});

			},
		},

		computed: {},
	}
</script>
<style lang='less' scoped>
	/deep/ .el-tree-node__content {
		padding-top: 3px;
	}

	.alert_main {
		display: flex;
		align-items: stretch;
		height: calc(70vh - 200px);
		margin-bottom: 30px;
	}

	.el-tree {
		margin-top: 5px;
	}

	.alert_right {
		height: 100%;
		overflow-y: scroll;
		overflow-x: hidden;
		width: 100%;
		padding-left: 20px;
	}

	.line_title span {
		color: red;
	}

	.alert_left {
		min-width: 200px;
		border-right: 1px solid #ccc;
		height: 100%;
		overflow-y: scroll;
		overflow-x: hidden;
	}

	.flexbox {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.line_title {
		width: 80px;
		text-align: right;
	}

	/deep/ .el-pagination__total {
		height: 33px !important;
		line-height: 33px !important;
	}

	/deep/ .el-input--mini .el-input__inner {
		height: 33px;
	}

	/deep/.el-pagination__editor.el-input .el-input__inner {
		height: 33px;
	}



	/deep/ .el-pagination .btn-prev {
		border: 1px solid #ccc;
		padding: 0;
		border-right: none;
		min-width: 33px;
		height: 33px;
		padding-top: 2px;
	}

	/deep/ .el-pagination .btn-next {
		border: 1px solid #ccc;
		padding: 0;
		border-left: none;
		min-width: 33px;
		height: 33px;
		padding-top: 2px;
	}

	/deep/ .el-pager li {
		border: 1px solid #ccc;
		padding: 0;
		border-right: none;
		min-width: 33px;
		height: 33px;
		line-height: 33px;
	}

	/deep/ .el-pager li:nth-last-of-type(1) {
		border-right: 1px solid #ccc;
	}

	/deep/ .el-pager li.active {
		border: #4286f5 1px solid;
		background: #4286f5;
		color: #fff;
	}

	.pages {
		display: flex;
		justify-content: flex-end;
		margin-top: 10px;
	}

	.buttons {
		display: flex;
		align-items: center;
		justify-content: center;
		padding-bottom: 38px;
	}

	.closebtn {
		width: 89px;
		height: 34px;
		background: #EEEEEE;
		border-radius: 6px;
		font-size: 14px;
		color: #434343;
		text-align: center;
		line-height: 34px;
		cursor: pointer;
	}

	.sure {
		width: 89px;
		height: 34px;
		line-height: 34px;
		background: #4286F5;
		border-radius: 6px;
		font-size: 14px;
		color: #FFFFFF;
		margin-right: 18px;
		text-align: center;
		cursor: pointer;
	}

	.w600 .modal-body.h100 {
		height: 300px;
		overflow-y: visible;
	}

	.line textarea {
		height: 75px;
	}

	.line input,
	.line textarea {
		width: 360px;
	}

	.line_title {
		font-size: 14px;
		color: #000000;
		line-height: 34px;
	}

	.line {
		display: flex;
		margin-top: 19px;
		justify-content: center;

	}

	.modal-header.tit {
		font-size: 20px;
		color: #000;
		font-weight: normal;
	}

	.w600 {
		margin: calc(50vh - 212.5px) auto;
	}

	.edit {
		margin-right: 10px;
	}

	.tcent {
		text-align: center;
	}

	input[type='checkbox'] {
		opacity: 0;
		position: absolute;
		z-index: -2;
	}

	input[type="checkbox"]+label {
		width: 16px;
		height: 16px;
		border: 1px solid #c8c8c8;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 0;
		box-sizing: border-box;
		margin-right: 7px;
	}

	input[type="checkbox"]+label::before {
		content: '';
		display: block;
		margin-bottom: 0;
		box-sizing: border-box;
	}

	input[type="checkbox"]:checked+label {
		border: 1px solid #0075ff;
		box-sizing: border-box;
		background: #0075ff url(../../../assets/images/dui.png) no-repeat;
		background-size: 80% 80%;
		background-position-x: 20%;
		background-position-y: 20%;
	}

	input[type="checkbox"]:checked+label::before {
		background: #0075ff;
	}

	.title {
		font-size: 24px;
		color: #000000;
	}

	.search_inp {
		width: 250px;
		text-align: left;
		margin-bottom: 0;
	}

	.btns {
		width: 72px;
		padding: 0;
	}

	.zzc {
		width: 100vw;
		height: 100vh;
		position: fixed;
		z-index: 4;
		top: 0;
		left: 0;
	}


	.loading-content {
		position: absolute;
		z-index: 2000;
		/* background-color: rgba(0, 0, 0, 0.8); */
		margin: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		transition: opacity 0.3s;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		/* width: 200px;
		height: 150px;
		border-radius: 10px; */
	}

	.loading-spinner {
		text-align: center;
	}

	.loading-spinner .circular {
		height: 42px;
		animation: loading-rotate 2s linear infinite;
	}

	.loading-spinner .path {
		animation: loading-dash 1.5s ease-in-out infinite;
		stroke-dasharray: 90, 150;
		stroke-dashoffset: 0;
		/* stroke- 2; */
		stroke: #000;
		stroke-linecap: round;
	}

	.loading-text {
		font-size: 14px;
		color: #000;
	}

	@keyframes loading-rotate {
		100% {
			transform: rotate(360deg);
		}
	}

	@keyframes loading-dash {
		0% {
			stroke-dasharray: 1, 200;
			stroke-dashoffset: 0;
		}

		50% {
			stroke-dasharray: 90, 150;
			stroke-dashoffset: -40px;
		}

		to {
			stroke-dasharray: 90, 150;
			stroke-dashoffset: -120px;
		}
	}

	.biaoq {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.qx:hover {
		background: #edf3fd;
		color: #4286f5;
	}


	.down {
		background: #fff;
		position: absolute;
		top: 30px;
		right: 0;
		width: 130px;
		text-align: left;
		padding: 0 5px;
		z-index: 5;

		color: #666;
		box-shadow: 0 0 10px rgb(0 0 0 / 20%);

	}

	.li {
		border-bottom: 1px solid #f3f3f3;
		padding-left: 20px;
		height: 40px;
		line-height: 40px;
	}

	.li:nth-last-of-type(1) {
		border-bottom: none;
	}

	.more {
		position: relative;
	}

	.btns .iconfont {
		font-size: 10px;
		transition: all .3s;
		transform: rotateZ(0deg);
		line-height: 26px;
	}

	.actives {
		background: #4286f5;
		color: #fff;
	}

	td,
	th {
		font-size: 14px;
		color: #333;
		/* line-height: 22px; */
		padding: 10px;
		border-top: 0;
		border-bottom: 1px solid #eee;
	}


	.modal {
		position: absolute;
	}

	.modal-dialog {
		height: 97%;
	}

	.modal-header {
		position: sticky;
		top: 0;
		z-index: 50;
	}

	.modal-content {
		/* width: 85%; */
		margin: 0 auto;
		max-height: 100%;
		/* height: 65vh; */
		/* overflow-y: scroll; */
	}

	.cent {
		width: 100%;
		align-items: center;
	}

	/* input:focus {
		outline: none;
	}
 */
	input {
		text-align: center;
		outline: none;
	}

	/* //打印时样式   12.16 wcf修改 */
	.top_btns {
		display: flex;
	}

	.top_btns div {
		font-size: 14px;
		color: #FFFFFF;
		text-align: center;
		line-height: 28px;
		border-radius: 3px;
		width: 63px;
		height: 28px;
		margin-left: 13px;
		cursor: pointer;
	}

	.print {
		background: #32B16C
	}

	.export {
		background: #5BC0DE;
	}

	/deep/.blackzzc tr {
		border: none !important;

	}

	/deep/.blackzzc td {
		padding: 0px;

	}

	.del_alert input {
		height: 45px;
		font-size: 16px;
	}

	.del_alert input:nth-of-type(1) {
		margin-top: 20px;
	}

	/* // .blackzzc {
	// 	height: 400px;
	//      overflow: hidden;
	// }
	// table{
	// 	height: 650px;
	// } */
</style>
